@base-color:#45a2ff;
#public-side{
  .item.side-hotel{
    h3{
      color: #fff!important;
      background-color: @base-color!important;
      a{
        color: #fff;
      }
    }
  }
}
.easytrip-roominfo{
  float: left;
  border-left: 10px solid #f3f3f3;
  width: 1680px;
  background-color: #fff;
  position: relative;
  font-family:"苹方 常规";
  box-sizing:border-box ;
  //头部搜索
  .easytrip-roominfo-content{
    min-height: 920px;
  }
  .easytrip-productheader{
    .button2{
      float: right;
      margin-top: 20px;
      margin-right: 30px;
    }
  }
  //选择框（产品页的一样）
  .easytrip-hotelselect{
    width: 1615px;
    height: 240px;
    border:1px solid #e1e1e1;
    padding: 0 30px;
    box-sizing: border-box;
    margin-left: 20px ;
    .layui-row{
      height: 60px;
      line-height: 60px;
      font-size:16px;
      .layui-col-xs3{
        box-sizing: content-box;
        .grid-demo{
          cursor: pointer;
        }
        .grid-demo:hover{
          color: @base-color;
        }
        .product-active{
          color: @base-color;
        }
      }
    }
    //选择框底部
    .hotelselect-footer{
      .selectresult{
        float: left;
        font-size:16px;
        color: #727272;
      }
      //第一个分页样式
      #roominfo-paging{
        float: right;
        margin-right: 30px;
        font-size:14px;
        /*.layui-laypage a, .layui-laypage span{
          text-align: center;
          padding: 0;
          width: 40px;
          height:36px;
          line-height: 36px;
          color: @base-color;
        }
        .layui-laypage button, .layui-laypage input{
          height:36px;
          line-height: 36px;
          width: 40px;
          padding: 0;
          color: @base-color;
        }
        .layui-laypage .layui-laypage-skip{
          width: auto;
        }*/
        .layui-laypage a, .layui-laypage span{
          text-align: center;
          padding: 0;
          width: 40px;
          height:36px;
          line-height: 36px;
          color: @base-color;
        }
        span.layui-laypage-count{
          width: auto;
        }
        .layui-laypage button, .layui-laypage input{
          height:36px;
          line-height: 36px;
          width: 40px;
          padding: 0;
          color: @base-color;
        }
        .layui-laypage .layui-laypage-skip{
          width: auto;
          button:hover{
            background-color: @base-color;
            color: #fff;
          }
        }
        .layui-laypage .layui-laypage-limits {
          height: 36px;
          width:auto;
          color: #727272;
          select{
            height: 30px;
            color: #727272;
          }
        }
      }
    }
  }
  .layui-form{
    color: #727272;
    width: 1615px;
    margin-left: 20px;
    .layui-table{
      td{
        a{
          color:@base-color;
          height: 50px;
        }
        a:hover{
          color: #595959;
        }
      }
    }
  }
  #roominfo2-paging{
    margin-left:525px;
    font-size:14px;
    margin-bottom: 0;
    .layui-laypage a, .layui-laypage span{
      text-align: center;
      padding: 0;
      width: 40px;
      height:36px;
      line-height: 36px;
      color: @base-color;
    }
    span.layui-laypage-count{
      width: auto;
    }
    .layui-laypage button, .layui-laypage input{
      height:36px;
      line-height: 36px;
      width: 40px;
      padding: 0;
      color: @base-color;
    }
    .layui-laypage .layui-laypage-skip{
      width: auto;
      button:hover{
        background-color: @base-color;
        color: #fff;
      }
    }
    .layui-laypage .layui-laypage-limits {
      height: 36px;
      width:auto;
      color: #727272;
      select{
        height: 36px;
        padding: 3px 20px 3px 10px;
        width: 100px;
        box-sizing: border-box;
        font-size: 14px;
        color: #727272;
        font-family:"苹方 常规";
        /*很关键：将默认的select选择框样式清除*/
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        /*在选择框的最右侧中间显示小箭头图片*/
        background: url("../images/arrowdown.png") no-repeat scroll right center transparent;
      }
    }
   /* .layui-laypage a, .layui-laypage span{
      text-align: center;
      padding: 0;
      width: 40px;
      height:36px;
      line-height: 36px;
      color: @base-color;
    }
    .layui-laypage button, .layui-laypage input{
      height:36px;
      line-height: 36px;
      width: 40px;
      padding: 0;
      color: @base-color;
    }
    .layui-laypage .layui-laypage-skip{
      width: auto;
    }*/
  }
  .easytrip-footer{
    border-top:1px solid #e1e1e1;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size:18px;
    color: #4f4f4f;
    margin-bottom: 0;
  }
}